$title-style-height: 50px
$title-style-font-size: 20px
$title-style-padding: ($title-style-height - $title-style-font-size)/2
$title-style-padding-bottom: $title-style-padding - 2px
$title-style-border-color: $base-red

.title-wrapper
  border-bottom: 3px solid #eee
  position: relative
  height: $title-style-height
  margin-top: 4px
  margin-bottom: 12px
  &+.columns
    margin-top: 0

.title.title-style
  position: absolute
  top: -2px
  left: 0
  font-size: $title-style-font-size
  padding: $title-style-padding 0 $title-style-padding-bottom
  line-height: 1
  border-bottom: 2px solid $title-style-border-color
  font-weight: normal

// 字体

.hero-search .icon-stroty
  font-size: 1.6em
  margin: 0
  line-height: 1

// 首页左侧列表项
.post-list-item
  padding-top: 3px
  padding-bottom: 3px
  a.post-cate
    white-space: nowrap
  a.post-title
    +nowrap

// 面包屑导航
.section > .bread-wrapper
  margin-top: -$column-gap * 2
.bread-wrapper div
  height: 56px
  color: $base-grey
  li > a
    +link-grey-red
    +a-noborder
  li.lead-text + li a
    padding-left: 0
  li.lead-text + li::before
    content: none
    // display: none

// 右侧热门文章列表
.mod-list
  li
    span
      height: 20px
      line-height: 20px
      text-align: center
      font-size: 12px
      color: #ffffff
      background-color: $base-grey
      padding: 0 .55rem
    a
      +nowrap
  &>li:not(:last-child)
    margin-bottom: .4em
  &>li:nth-child(n+10) span
    padding: 0 .35rem
  &>li:nth-child(1) span
    background-color: #ff3300
  &>li:nth-child(2) span
    background-color: #ff6600
  &>li:nth-child(3) span
    background-color: #ff9900

// 顶部导航
$sub-navbar-height: 30px
#sub-navbar
  font-size: 14px
  min-height: $sub-navbar-height
  border-bottom: 2px solid #dedede
  & > .container,
  & .navbar-brand
    min-height: $sub-navbar-height
  .navbar-item, .navbar-link
    padding-top: 0
    padding-bottom: 0

// 文章列表
.post-multi
  border-bottom: 1px dashed #cccccc
  .post-footer
    padding: .5rem 0 1rem
    .btn-more
      &:hover
        border-color: $base-red-darker
        text-shadow: 0 0 1px
// tag
.tags a.tag
  margin-bottom: 2px
  display: inline-block
  padding: 3px 7px
  border: 1px solid #e5e5e5
  &:hover
    border-color: currentColor

// post
.post-hr
    border-bottom: 2px solid #e6e6e6
